<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

<meta name="renderer" content="webkit">
<title>副本-底部音乐播放器</title>
<link rel="stylesheet" type="text/css" href="css/audio.css"><!-- 底部mp3音乐播放器代码 css --></title>

</head>
<!-- <body style="background-image: url(img/back.jpg);background-size:cover;"> -->
	<body>

	<!-- 底部mp3音乐播放器代码 -->
	<div class="audio-box">
		<div class="audio-container">
			<div class="audio-view">
				<div class="audio-cover" ></div>
				<div class="audio-body">
					<h3 class="audio-title">未知歌曲</h3>
					<div class="audio-backs">
						<div class="audio-this-time">00:00</div>
						<div class="audio-count-time">00:00</div>
						<div class="audio-setbacks">
							<i class="audio-this-setbacks">
								<span class="audio-backs-btn"></span>
							</i>
							<span class="audio-cache-setbacks">
							</span>
						</div>
					</div>
				</div>
				<div class="audio-btn">
					<div class="audio-select">
						<div class="audio-prev"></div>
						<div class="audio-play"></div>
						<div class="audio-next"></div>
						<div class="audio-menu"></div>
						<div class="audio-volume"></div>
					</div>
					<div class="audio-set-volume">
						<div class="volume-box">
							<i><span></span></i>
						</div>
					</div>
					<div class="audio-list">
						<div class="audio-list-head">
							<p>歌单</p>
							<span class="menu-close">关闭</span>
						</div>
						<ul class="audio-inline">
						</ul>
					</div>
				</div>
			</div>
		</div>
    </div>
    
<script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js">// dist/jquery.min.js  目录下备份js 暂时引用百度cdn公共库  源引用http://www.jq22.com/jquery/1.11.1/jquery.min.js  </script>
<!-- 底部mp3音乐播放器代码 js -->
<script type="text/javascript" src="js/audio/audio.js"></script>
<script type="text/javascript" src="js/audio/songdata.js"></script>
<script type="text/javascript">
$(function(){

	var song = songdata;

	var audioFn = audioPlay({
		song : song,
		autoPlay : true  //是否立即播放第一首，autoPlay为true且song为空，会alert文本提示并退出
	});

	/* 向歌单中添加新曲目，第二个参数true为新增后立即播放该曲目，false则不播放 */
	// audioFn.newSong({
	// 	'cover' : 'images/cover5.jpg',
	// 	'src' : 'http://webmp3-1253691995.costj.myqcloud.com/audio/baab.mp3',
	// 	'title' : 'B.A.A.B'
	// },false);

	/* 暂停播放 */
	//audioFn.stopAudio();

	/* 开启播放 */
	//audioFn.playAudio();

	/* 选择歌单中索引为3的曲目(索引是从0开始的)，第二个参数true立即播放该曲目，false则不播放 */
	//audioFn.selectMenu(3,true);

	/* 查看歌单中的曲目 */
	//console.log(audioFn.song);

	/* 当前播放曲目的对象 */
	//console.log(audioFn.audio);
});
	

	
</script>
</body>
</html>
